<template>
    <view>
        <text>testtttt</text>
        <text>{{count}}</text>
        <button @click="add">+1</button>
        <uni-card title="标题文字" thumbnail="https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/unicloudlogo.png"
            extra="额外信息" note="Tips">
            内容主体，可自定义内容及样式
        </uni-card>
        <uni-card title="基础卡片" :isFull="true" sub-title="副标题" extra="额外信息"
            thumbnail="https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/unicloudlogo.png">
            <text>这是一个通栏卡片 ，通栏没有外边距，左右会贴合父元素。</text>
        </uni-card>
        <uni-card cover="https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/shuijiao.jpg">
            <text>这是一个带封面和操作栏的卡片示例，此示例展示了封面插槽和操作栏插槽的用法。</text>
            <template v-slot:actions>
                <view class="card-actions">
                    <view class="card-actions-item">
                        <uni-icons type="chatbubble" size="18" color="#999"></uni-icons>
                        <text class="card-actions-item-text">分享</text>
                    </view>
                    <view class="card-actions-item">
                        <uni-icons type="heart" size="18" color="#999"></uni-icons>
                        <text class="card-actions-item-text">点赞</text>
                    </view>
                    <view class="card-actions-item">
                        <uni-icons type="chatbubble" size="18" color="#999"></uni-icons>
                        <text class="card-actions-item-text">评论</text>
                    </view>
                </view>
            </template>
        </uni-card>
    </view>
</template>

<script setup>
    import {
        onLoad,
        onHide
    } from "@dcloudio/uni-app"
    import {
        ref
    } from "vue"
    const count = ref(100)
    const add = () => {
        count.value++;
    }
    onLoad(() => {
        console.log('test onload')
    })
    onHide(() => {
        console.log("test hide");
    })
</script>

<style>

</style>